.dragVerify {
  margin: 0 auto;
  box-shadow: 0px 0px 4px 2px rgba(51, 51, 51, 0.5);
  .backgroundImg {
    width: 100%;
    text-align: center;
    background: #ffffff;
    position: relative;
    .imageBox {
      -moz-user-select: none;
    }
    .guideIcon {
      height: auto;
      position: absolute;
      left: 0px;
      display: inline-block;
      cursor: grab;
      text-align: left;
      .shelter {
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0);
      }
    }
    .guideIcon:active, .guideIcon:focus {
      cursor: move;
    }
    .verifyingIcon {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0px;
      left: 0px;
      z-index: 300;
      display: inline-block;
      background: rgba(0, 0, 0, 0.6);
      box-shadow: 0px 0px 4px 2px rgba(51, 51, 51, 0.25);
      .verifyRes {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -30px;
        margin-left: -30px;
      }
      .loading {
        width: 71px;
        margin-top: -35px;
        margin-left: -35px;
      }
      .success, .failure {
        font-size: 60px;
      }
      .success {
        color: #1ca21c;
      }
      .failure {
        color: #dd1010;
      }
    }
  }
}
